﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html>

	<head>
		<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
		<meta name="generator" content="Adobe GoLive">
		<title>WindStream Technologies, Inc. - Helsinki Console</title>
		<link rel="Shortcut Icon" href="ws.ico" />
		<link href="css/reset.css" rel="stylesheet" type="text/css">
		<link href="css/windstream.css" rel="stylesheet" type="text/css">
		
		<script type="text/javascript" src="https://www.google.com/jsapi"></script>
		
		<script type="text/css">
		
		/* BUTTONS */.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
		/* STANDARD */button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}/* POSITIVE */button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}/* NEGATIVE */.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}
		</script>
		
		<script type="text/javascript">

			var _gaq = _gaq || [];
		  	_gaq.push(['_setAccount', 'UA-19784330-4']);
		  	_gaq.push(['_trackPageview']);
		  	var graphMonth;
		  	var graphWeek;
		  	var groupSelected = "DAY";
		  	var periodSelected = "WEEK";
		  	var offset = 0;
		
		  	(function() {
		    	var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
		    	ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
		    	var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
		  	})();
		
			//*LOAD THE GOOGLE CHARTS API AND GET THE POWER GRAPH AND THE WEEK BY DAY GRAPH ON LOADING THE PAGE*****************/
			
		 	google.load("visualization", "1", {packages:["coreChart"]});

      		google.setOnLoadCallback(drawChart);
      		
      		function drawChart() {
      	 		var stb = document.getElementById("_symbolTextBox");
      	 		WS_Services.WS_Services.GetPowerGraph(OnPowerLookupComplete);
      	 		WS_Services.WS_Services.GetEnergySummary("6c2c0c0e-ce4b-45c4-8762-97fdd3f09f97", OnEnergyLookupComplete);
      	 		WS_Services.WS_Services.GetGraphTitle("6c2c0c0e-ce4b-45c4-8762-97fdd3f09f97", "DAY", "WEEK", offset, GetGraphTitleComplete);
         		WS_Services.WS_Services.GetGraphData("6c2c0c0e-ce4b-45c4-8762-97fdd3f09f97", "DAY", "WEEK", offset, GraphWeekByDayComplete);
         		 
         		document.getElementById("periodWeekButton").style.background='#00FFFF';
      			document.getElementById("periodMonthButton").style.background='#f5f5f5';
      			document.getElementById("periodYearButton").style.background='#f5f5f5';
      			
      			document.getElementById("groupDayButton").style.background='#00FFFF';
      			document.getElementById("groupDayButton").disabled = false;
      			
      			document.getElementById("groupWeekButton").disabled = true;
      			document.getElementById("groupWeekButton").style.background='#f5f5f5';
      			
      			document.getElementById("groupMonthButton").disabled = true;
      			document.getElementById("groupMonthButton").style.background='#f5f5f5'; 
      		}
      		
      		//*CHANGE GROUPS - RUN WHEN THE PERIOD SELECTION IS CHANGED**********************************************************/
      
      		function setPeriodWeek()
      		{
      			offset = 0;
      			periodSelected = "WEEK";
      			groupSelected = "DAY";
      			
      			document.getElementById("periodWeekButton").style.background='#00FFFF';
      			document.getElementById("periodMonthButton").style.background='#f5f5f5';
      			document.getElementById("periodYearButton").style.background='#f5f5f5';
      			
      			document.getElementById("groupDayButton").style.background='#00FFFF';
      			document.getElementById("groupDayButton").disabled = false;
      			
      			document.getElementById("groupWeekButton").disabled = true;
      			document.getElementById("groupWeekButton").style.background='#f5f5f5';
      			
      			document.getElementById("groupMonthButton").disabled = true;
      			document.getElementById("groupMonthButton").style.background='#f5f5f5';
      			
      			changeGraph();
      		}
      		
      		function setPeriodMonth()
      		{
      			offset = 0;
      			periodSelected = "MONTH";
      			groupSelected = "DAY";
      			
      			document.getElementById("periodWeekButton").style.background='#f5f5f5';
      			document.getElementById("periodMonthButton").style.background='#00FFFF';
      			document.getElementById("periodYearButton").style.background='#f5f5f5';
      			
      			document.getElementById("groupDayButton").style.background='#00FFFF';
      			document.getElementById("groupDayButton").disabled = false;
      			
      			document.getElementById("groupWeekButton").disabled = true;
      			document.getElementById("groupWeekButton").style.background='#f5f5f5';
      			
      			document.getElementById("groupMonthButton").disabled = true;
      			document.getElementById("groupMonthButton").style.background='#f5f5f5';
      			
      			changeGraph();
      		}
      		
      		function setPeriodYear()
      		{
      			offset = 0;
      			periodSelected = "YEAR";
      			groupSelected = "WEEK";
      			
      			document.getElementById("periodWeekButton").style.background='#f5f5f5';
      			document.getElementById("periodMonthButton").style.background='#f5f5f5';
      			document.getElementById("periodYearButton").style.background='#00FFFF';
      			
      			document.getElementById("groupDayButton").style.background='#f5f5f5';
      			document.getElementById("groupDayButton").disabled = true;
      			
      			document.getElementById("groupWeekButton").disabled = false;
      			document.getElementById("groupWeekButton").style.background='#00FFFF';
      			
      			document.getElementById("groupMonthButton").disabled = false;
      			document.getElementById("groupMonthButton").style.background='#f5f5f5';
      			
      			changeGraph();
      		}
      		
      		function setGroupDay()
      		{
      			groupSelected = "DAY";
      			document.getElementById("groupDayButton").style.background='#00FFFF';
      			document.getElementById("groupWeekButton").style.background='#f5f5f5';
      			document.getElementById("groupMonthButton").style.background='#f5f5f5';
      			changeGraph();
      		}
      		
      		function setGroupWeek()
      		{
      			groupSelected = "WEEK";
      			document.getElementById("groupDayButton").style.background='#f5f5f5';
      			document.getElementById("groupWeekButton").style.background='#00FFFF';
      			document.getElementById("groupMonthButton").style.background='#f5f5f5';
      			changeGraph();
      		}
      		
      		function setGroupMonth()
      		{
      			groupSelected = "MONTH";
      			document.getElementById("groupDayButton").style.background='#f5f5f5';
      			document.getElementById("groupWeekButton").style.background='#f5f5f5';
      			document.getElementById("groupMonthButton").style.background='#00FFFF';
      			changeGraph();
      		}
      		
      		function decrementOffSet()
      		{
      			offset--;
      			changeGraph();
      		}
      		
      		function incrementOffSet()
      		{
      			offset++;
      			changeGraph();
      		}
      		
      		
      		//*CHANGE GRAPH - RUN WHEN THE GROUP SELECTION IS CHANGED**********************************************************/
      		
      		function GetGraphTitleComplete(result)
      		{
      			var titleDiv=document.getElementById("chartTitleDiv");
      			
  				titleDiv.innerHTML="<h2>" + result + "</h2>";
      		}
      		
      		function changeGraph() {
       			if(periodSelected == "WEEK") // past week is selected
      			{
      				WS_Services.GetGraphTitle("6c2c0c0e-ce4b-45c4-8762-97fdd3f09f97", "DAY", "WEEK", offset, GetGraphTitleComplete);
      				WS_Services.GetGraphData("6c2c0c0e-ce4b-45c4-8762-97fdd3f09f97", "DAY", "WEEK", offset, GraphWeekByDayComplete);
      			}
      			else if (periodSelected == "MONTH") // past month is selected
      			{
      				if(groupSelected == "DAY")
      				{
      					WindStream_Services.WS_Services.GetGraphTitle("6c2c0c0e-ce4b-45c4-8762-97fdd3f09f97", "DAY", "MONTH", offset, GetGraphTitleComplete);
      					WindStream_Services.WS_Services.GetGraphData("6c2c0c0e-ce4b-45c4-8762-97fdd3f09f97", "DAY", "MONTH", offset, GraphMonthByDayComplete);
      				}
      				else
      					WindStream_Services.WS_Services.GetGraphData("6c2c0c0e-ce4b-45c4-8762-97fdd3f09f97", "WEEK", "MONTH", offset, GraphMonthByWeekComplete);
      			}
      			else // past year is selected
      			{
      				if(groupSelected == "WEEK")
      					WindStream_Services.WS_Services.GetGraphData("6c2c0c0e-ce4b-45c4-8762-97fdd3f09f97", "WEEK", "YEAR", offset,  GraphYearByWeekComplete);
      				else
      					WindStream_Services.WS_Services.GetGraphData("6c2c0c0e-ce4b-45c4-8762-97fdd3f09f97", "MONTH", "YEAR", offset, GraphYearByMonthComplete);
      			}
      		}
      		
      		function OnEnergyLookupComplete(result) {
      			var monthEnergy = parseFloat(result.rows[2]["Energy"]);
      			if(monthEnergy < 1000)
      				document.getElementById('monthEnergy').innerHTML = monthEnergy + " Wh";
      			else
      				document.getElementById('monthEnergy').innerHTML = monthEnergy/1000 + " kWh";
      				
      			var weekEnergy = parseFloat(result.rows[1]["Energy"]);
      			if(weekEnergy < 1000)
      				document.getElementById('weekEnergy').innerHTML = weekEnergy + " Wh";
      			else
      				document.getElementById('weekEnergy').innerHTML = weekEnergy/1000 + " kWh";	
      				
      			var todayEnergy = parseFloat(result.rows[0]["Energy"]);
      			if(todayEnergy < 1000)
      				document.getElementById('todayEnergy').innerHTML = todayEnergy + " Wh";
      			else
      				document.getElementById('todayEnergy').innerHTML = todayEnergy/1000 + " kWh";
      				
      			var yearEnergy = parseFloat(result.rows[3]["Energy"]);
      			if(yearEnergy < 1000)
      				document.getElementById('yearEnergy').innerHTML = yearEnergy + " Wh";
      			else
      				document.getElementById('yearEnergy').innerHTML = yearEnergy/1000 + " kWh";
      		}
      		
       		/***************GRAPHING FUNCTIONS**********************************************************************************/
      		/*******************************************************************************************************************/
      		/*******************************************************************************************************************/
      		
      		/*POWER GRAPH********************************************************/
      		     		
     		function OnPowerLookupComplete(result) {

        		var data = new google.visualization.DataTable();
      			data.addColumn('string', 'Time');
      			data.addColumn('number', 'Power - Watts');
      			
      			for(var x=0; x<result.rows.length; x++)
        		{
        			data.addRow([result.rows[x]["Time"], parseFloat(result.rows[x]["Power"])
        			]);
        		}

      			var chart = new google.visualization.AreaChart(document.getElementById('power_chart_div'));
      			
      			var options = {
        			legend: 'none',
           			chco: '0000FF',
          			chdl: '',
          			chg: '14.3,-1,0,5',
          			chls: '2',
          			chm: 'B,0000FF34,0,0,0'
      			};
      			
      			chart.draw(data, options);
      			
       		}
      		
      		/*WEEK BY DAY**********************************************************/

     		function GraphWeekByDayComplete(result) {
          		var data = new google.visualization.DataTable();
        		data.addColumn('string', 'Day of Week');
        		data.addColumn('number', 'Energy');

				var maxRow = 0;
				for(var x=0; x<result.rows.length; x++)
				{
					if(parseFloat(result.rows[x]["Energy"]) > maxRow)
						maxRow = parseFloat(result.rows[x]["Energy"]);
				}
				
				var scaleFactor = 1;
				if(maxRow > 1000)
					scaleFactor = 1000;
					

        		for(var x=0; x<result.rows.length; x++)
        		{
        			data.addRow([result.rows[x]["Day of Week"], parseFloat(result.rows[x]["Energy"])/scaleFactor
        			]);
        		}
        		
        		var units = "Watt Hours";
        		if(scaleFactor==1000)
        			units = "kWh";

        		var options = {
          			isStacked: true,
          			legend: 'none',
          			vAxis: {title: units, titleTextStyle: {color: 'red'}},
        		};

        		var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
        		chart.draw(data, options);
          	}
          	
          	/*MONTH BY DAY********************************************************/
      		
      		function GraphMonthByDayComplete(result) {
        		var res = document.getElementById("_resultLabel");
         
        		var data = new google.visualization.DataTable();
        		data.addColumn('string', 'Day of Month');
        		data.addColumn('number', 'Energy');
        		
        		var maxRow = 0;
				for(var x=0; x<result.rows.length; x++)
				{
					if(parseFloat(result.rows[x]["Energy"]) > maxRow)
						maxRow = parseFloat(result.rows[x]["Energy"]);
				}
				
				var scaleFactor = 1;
				if(maxRow > 1000)
					scaleFactor = 1000;
					
				var units = "Watt Hours";
        		if(scaleFactor==1000)
        			units = "kWh";
        		        		
        		for(var x=0; x<result.rows.length; x++)
        		{
        			data.addRow([result.rows[x]["Day"], parseFloat(result.rows[x]["Energy"])/scaleFactor
        			]);
        		}
        		
        		var options = {
          			legend: 'none',
          			vAxis: {title: units, titleTextStyle: {color: 'red'}},
           		};

        		var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
        		chart.draw(data, options);
     		}

      		
      		     		
     		/*MONTH BY WEEK********************************************************/
     		
     		function GraphMonthByWeekComplete(result) {
        		var res = document.getElementById("_resultLabel");
         
        		var data = new google.visualization.DataTable();
        		data.addColumn('string', 'Week of Month');
        		data.addColumn('number', 'Energy');
        		
        		var maxRow = 0;
				for(var x=0; x<result.rows.length; x++)
				{
					if(parseFloat(result.rows[x]["Energy"]) > maxRow)
						maxRow = parseFloat(result.rows[x]["Energy"]);
				}
				
				var scaleFactor = 1;
				if(maxRow > 1000)
					scaleFactor = 1000;
					
				var units = "Watt Hours";
        		if(scaleFactor==1000)
        			units = "kWh";
        
        		data.addRows([
          			[result.rows[0]["Week"], parseFloat(result.rows[0]["Energy"])/scaleFactor],
          			[result.rows[1]["Week"], parseFloat(result.rows[1]["Energy"])/scaleFactor],
          			[result.rows[2]["Week"], parseFloat(result.rows[2]["Energy"])/scaleFactor],
          			[result.rows[3]["Week"], parseFloat(result.rows[3]["Energy"])/scaleFactor]
          		]);

        		var options = {
          			isStacked: true,
          			legend: 'none',
          			vAxis: {title: units, titleTextStyle: {color: 'red'}}
        		};

        		var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
        		chart.draw(data, options);
        		
        		var txt=document.getElementById("chartTitleDiv")
  				txt.innerHTML="<h2>Helsinki Energy - Past Month by Week</h2>";
     		}
     		
     		/*YEAR BY DAY********************************************************/
     		
     		function GraphYearByDayComplete(result) {
        		var res = document.getElementById("_resultLabel");
         
        		var data = new google.visualization.DataTable();
        		data.addColumn('string', 'Day of Year');
        		data.addColumn('number', 'Energy');
        		
        		var maxRow = 0;
				for(var x=0; x<result.rows.length; x++)
				{
					if(parseFloat(result.rows[x]["Energy"]) > maxRow)
						maxRow = parseFloat(result.rows[x]["Energy"]);
				}
				
				var scaleFactor = 1;
				if(maxRow > 1000)
					scaleFactor = 1000;
					
				var units = "Watt Hours";
        		if(scaleFactor==1000)
        			units = "kWh";
        		
        		for(var x=0; x<result.rows.length; x++)
        		{
        			data.addRow([result.rows[x]["Day"], parseFloat(result.rows[x]["Energy"])/scaleFactor
        			]);
        		}
        		
        		var options = {
          			isStacked: true,
          			legend: 'none',
          			vAxis: {title: units, titleTextStyle: {color: 'red'}}
        		};

        		var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
        		chart.draw(data, options);
        		
        		var txt=document.getElementById("chartTitleDiv")
  				txt.innerHTML="<h2>Helsinki Energy - Past Year by Day</h2>";
     		}
      		
      		/*YEAR BY WEEK**********************************************************/
      		
      		function GraphYearByWeekComplete(result) {
        		var res = document.getElementById("_resultLabel");
         
        		var data = new google.visualization.DataTable();
        		data.addColumn('string', 'Week');
        		data.addColumn('number', 'Energy');
        		
        		var maxRow = 0;
				for(var x=0; x<result.rows.length; x++)
				{
					if(parseFloat(result.rows[x]["Energy"]) > maxRow)
						maxRow = parseFloat(result.rows[x]["Energy"]);
				}
				
				var scaleFactor = 1;
				if(maxRow > 1000)
					scaleFactor = 1000;
					
				var units = "Watt Hours";
        		if(scaleFactor==1000)
        			units = "kWh";
        		
        		for(var x=0; x<result.rows.length; x++)
        		{
        			data.addRow([result.rows[x]["Week"], parseFloat(result.rows[x]["Energy"])/scaleFactor
        			]);
        		}
        		
        		var options = {
          			isStacked: true,
          			legend: 'none',
          			vAxis: {title: units, titleTextStyle: {color: 'red'}}
        		};

        		var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
        		chart.draw(data, options);
        		
        		var txt=document.getElementById("chartTitleDiv")
  				txt.innerHTML="<h2>Helsinki Energy - Past Year by Week</h2>";
     		}
     		
     		/*YEAR BY MONTH********************************************************/
      		
      		function GraphYearByMonthComplete(result) {
        		var res = document.getElementById("_resultLabel");
         
        		var data = new google.visualization.DataTable();
        		data.addColumn('string', 'Month');
        		data.addColumn('number', 'Energy');
        		
        		var maxRow = 0;
				for(var x=0; x<result.rows.length; x++)
				{
					if(parseFloat(result.rows[x]["Energy"]) > maxRow)
						maxRow = parseFloat(result.rows[x]["Energy"]);
				}
				
				var scaleFactor = 1;
				if(maxRow > 1000)
					scaleFactor = 1000;
					
				var units = "Watt Hours";
        		if(scaleFactor==1000)
        			units = "kWh";
        		
        		for(var x=0; x<result.rows.length; x++)
        		{
        			data.addRow([result.rows[x]["Month"], parseFloat(result.rows[x]["Energy"])/scaleFactor
        			]);
        		}
        		
        		var options = {		
          			isStacked: true,
          			legend: 'none',
          			vAxis: {title: units, titleTextStyle: {color: 'red'}}
        		};

        		var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
        		chart.draw(data, options);
        		
        		var txt=document.getElementById("chartTitleDiv")
  				txt.innerHTML="<h2>Helsinki Energy - Past Year by Month</h2>";
     		}
     		
     		/*END OF SCRIPT*************************************************************************************************/
      			
  </script> 
    
	</head>

	<body class="wrap">
	
<!----------------------------------------------- Header starts here ----------------------------------------------------------->
	
		<div id="headercontainer">
			<ul id="logocontainer">
				<li><a id="home" href="http://windstream-inc.com/index.html" title="Home"><span>Home</span></a></li>
			</ul>
			<ul id="nav" style="position:relative; top: -15px;">
				<li><a id="contact" href="http://windstream-inc.com/contact.php" title="Contact WindStream"><span>Contact</span></a></li>
				<li><a id="careers" href="http://windstream-inc.com/careers.html" title="Careers at WindStream"><span>Careers</span></a></li>
				<li><a id="press" href="http://windstream-inc.com/press.html" title="Press Center"><span>Press Center</span></a></li>
				<li><a id="products" href="http://windstream-inc.com/products.html" title="WindStream Products"><span>Products</span></a></li>
				<li><a id="company" href="http://windstream-inc.com/company.html" title="About WindStream"><span>About Us</span></a></li>
			</ul>
		</div>
			
<!----------------------------------------------- Banner starts here ----------------------------------------------------------->
	
		<div id="spacer">&nbsp;</div>
	
<!----------------------------------------------- Body starts here ----------------------------------------------------------->

		<div id="bodybg">
			<div id="spacer2">&nbsp;</div>
			<div id="bodycontainer" style="height: 850px;">
				<ul id="4col">
					<li class="col1" style="margin-left: 0; width: 655px; height: 800px;">
						<form id="form1" runat="server">
    						<asp:ScriptManager ID="_scriptManager" runat="server">
      							<Services>
        							<asp:ServiceReference Path="http://gleimdev.com//ws/WS_Services.asmx" />
      							</Services>
    						</asp:ScriptManager>
    						<asp:Label runat="server" id="_resultLabel" />
    					</form>
    					<div name="chartTitleDiv" id="chartTitleDiv"></div>
    					</br>
    					<table style="height:650px">
    					<tr>
    					</tr>
							<tr>
								<td align="left" style="vertical-align:middle">
										<div align="center">
											<input type="image" src="images/buttons/arrow-left.png" alt="previous" name="image" width="63" height="100" onclick="incrementOffSet()"><br>
										</div>
								</td>
								<td align="left" style="vertical-align:middle">
									<div id="chart_div" style="margin-top: 0px; width: 530px; height: 650px;"></div>
								</td>
								<td align="left" style="vertical-align:middle">
										<div align="center">
											<input type="image" src="images/buttons/arrow-right.png" name="image" width="63" height="100" onclick="decrementOffSet()"><br>
										</div>
								</td>
							</tr>
						</table>
					</li>
					<li class="col1" style="margin-right: 0px; width: 225px; height: 800px;">
						<h2 id="lastUpdateTime"/>
						</br>
						<div id="power_chart_div" style="margin-top: 0; width: 250px; height: 225px;"></div>
						<!form name="GraphOptionsForm" id="GraphOptionsForm" action="">
							<div style="background-color:lightgray; width:225px; height:40px">
									<p style="padding-top: 12px; padding-left:10px">This Month</p>
							</div>
							<div style="width:223px;height:100px;border:1px solid lightgray;">
									<p id='monthEnergy' style="padding-top: 30px; padding-left:15px; font-size:35px; color:black"></p>
							</div>
							<div style="width:223px;height:40px;border:1px solid lightgray;">
								<table>
									<tr>
										<td>
											<p style="padding-left:15px; padding-right:30px; font-size:14px; color:Gray26">today</p>
										</td>
										<td>
											<p id='todayEnergy' style="padding-left:15px; padding-top:8px; font-size:14px; color:Gray26"></p>
										</td>
									</tr>
								</table>
							</div>
							<div style="width:223px;height:40px;border:1px solid lightgray;">
								<table>
									<tr>
										<td>
											<p style="padding-left:15px; padding-right:5px; font-size:14px; color:Gray26">this week</p>
										</td>
										<td>
											<p id='weekEnergy' style="padding-left:15px; padding-top:8px; font-size:14px; color:Gray26"></p>
										</td>
									</tr>
								</table>
							</div>
							<div style="width:223px;height:40px;border:1px solid lightgray;">
								<table>
									<tr>
										<td>
											<p style="padding-left:15px; padding-right:12px; font-size:14px; color:Gray26">this year</p>
										</td>
										<td>
											<p id='yearEnergy' style="padding-left:15px; padding-top:8px; font-size:14px; color:Gray26"></p>
										</td>
									</tr>
								</table>
							</div>
							</br>
						
							<h2>Period</h2></br>
							<div class="buttons">
    							<button id="periodWeekButton" class="positive" onclick="setPeriodWeek()"><img src="images/buttons/calendar_view_week.png" alt=""/>  Week</button>
    							<button id="periodMonthButton" class="positive" onclick="setPeriodMonth()"><img src="images/buttons/calendar_view_month.png" alt=""/>  Month</button>
    							<button id="periodYearButton" class="positive" onclick="setPeriodYear()"><img src="images/buttons/calendar.png" alt=""/>  Year</button>
    						</div>
							</br>
							<!--div name="CustomRangeDiv" id="CustomRangeDiv"></div-->
							</br>
							<h2>Group By</h2></br>
							
							<div class="buttons">
								<button id="groupDayButton" class="positive" onclick="setGroupDay()"><img src="images/buttons/calendar_view_day.png" alt=""/>  Day</button>
    							<button id="groupWeekButton" class="positive" onclick="setGroupWeek()"><img src="images/buttons/calendar_view_week.png" alt=""/>  Week</button>
    							<button id="groupMonthButton" class="positive" onclick="setGroupMonth()"><img src="images/buttons/calendar_view_month.png" alt=""/>  Month</button>
    						</div>
    						</br></br>
							
						<!/form>
					</li>
				</ul>
			</div>
		</div>
		<div id="footer">
			<p id="footermenu"><a class="footeritem" href="http://windstream-inc.com/index.html">Home</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a class="footeritem" href="http://windstream-inc.com/company.html">Company</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a class="footeritem" href="http://windstream-inc.com/products.html">Products</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a class="footeritem" href="http://windstream-inc.com/careers.html">Careers</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a class="footeritem" href="http://windstream-inc.com/contact.php">Contact</a><!--&nbsp;&nbsp;|&nbsp;&nbsp;<a class="footeritem" href="sitemap.html">Sitemap</a>--></p></p>
			<p id="copyright">&copy;2012 WindStream Technologies, Inc.</p>
		</div>
		
		<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
		<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/awea.json?callback=twitterCallback2&amp;count=1"></script>		

	</body>

</html>